<template lang='pug'>
.back
    zzHeader(id='demo')
    router-view
</template>

<script>
import zzHeader from '../components/zz/header.vue'
export default {
    name: 'demo',
    components:{
       zzHeader
    },
    data() {
        return {
            alpha:10,
            billboards:[],
            card1:[
                '预警标题:xxx',
                '预警类型:xxx',
                '发生时间:xxx',
                '预警等级:xxx',
                '推送等级:xxx',
                '具体内容:xxx'
            ],
            tab3:[],
            tab3Config:[],
            tab4:[],
            card4_1:true,
            llhs:[],
            techwalls:[],
            techlabels:[]
        }
    },

    mounted () {
       
          
    },
    methods:{
        init(){
            let t=this
            let cen={x:118.11866526713582, y:27.295978058988748}
            setInterval(()=>{
                let pnts=[]
                for(let i=0;i<1000;i++){
                    pnts.push({
                        lon:cen.x+(Math.random()-0.5)*0.02,
                        lat:cen.y+(Math.random()-0.5)*0.02
                    })
                }
                t.llhs=[...pnts]
            },1000)
        },
    }
}
</script>

<style scoped>
.title{
    height: 30px;
    line-height: 30px;
    font-size: 36px;
    font-weight: bold;
    color: white;
    position:absolute;
    width: 100%;
    top: 20px;
    text-align: center;
}
.demo{
  width: 100%;
  height: 100%;
}
.card1_row{
    height: 32px;
    line-height: 30px;
    font-size: 22px;
    text-align: left;
    margin-left: 20px;
}
.card2_panel{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.card3_panel{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.card5_panel{
    overflow: hidden;
}
.right{
    width: 200px;
    position:absolute;
    top: 30px;
    right: 20px;
}
</style>
